.bg { background-color: #fff; }

/* header */
.header { padding: 0 0.3rem; height: 1.28rem; line-height: 1.68rem; letter-spacing: 1px; font-size: 0.34rem; font-weight: normal; color: #fff; background-color: #20adff; text-align: center; }
.header.fixed { width: 100%; position: fixed; z-index: 9999; }
.header .icon-angle-left { left: 0.3rem; font-size: 0.5rem; margin-top: 0.6rem; width: 0.5rem; }
.header small { right: 0.3rem; font-size: 0.24rem; }
.mui-fullscreen { top: 1.28rem; }
.mui-slider-indicator.mui-segmented-control { position: fixed; height: 0.88rem; top: 1.28rem; box-shadow: 0px 2px 9px 1px rgba(155, 167, 178, 0.21); background-color: #fff; z-index: 9999; display: block; }
.mui-segmented-control.mui-scroll-wrapper .mui-scroll { height: 0.88rem; line-height: 0.88rem; }
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item { line-height: 0.88rem; font-size: 0.26rem; color: #6d6d6d; border-bottom: 0.04rem solid #efeef4; padding: 0; width: 1%; display: table-cell; }
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item:not(:first-child) { margin-left: -0.08rem; }
.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active { border-bottom: 0.04rem solid #20adff; color: #20adff; }
.mui-slider .mui-segmented-control.mui-segmented-control-inverted ~ .mui-slider-group .mui-slider-item { border-top: none; }
.mui-fullscreen .mui-segmented-control ~ .mui-slider-group { top: 0.88rem; }
.mui-poppicker .mui-poppicker-header { background-color: #f5fafe; }
.mui-poppicker .mui-poppicker-header .mui-btn { background: none; border: none; }
.mui-poppicker .mui-poppicker-header .mui-btn.mui-poppicker-btn-ok { color: #20adff; }
.mui-poppicker .mui-picker { background-color: #fff; }
.mui-backdrop { position: fixed; z-index: 998; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.36); }
.info { padding: 0 0.3rem; }
.info h4 { font-size: 0.3rem; font-weight: normal; color: #133f54; padding-top: 0.3rem; }
.info h4 i { margin-right: 0.2rem; width: 0.08rem; height: 0.28rem; background-color: #20adff; display: inline-block; vertical-align: middle; }
.info h4 span { vertical-align: middle; }
.info .bg { background-color: #eef9ff; }
.gray { height: 0.16rem; background-color: #efeef4; }
.info1 .step1 { margin: 0.35rem 0 0.25rem; }
.info1 .step1 .item { float: left; width: 33.3%; height: 2.38rem; text-align: center; }
.info1 .step1 .item .img { width: 0.72rem; height: 0.72rem; margin: 0.5rem auto 0.1rem; }
.info1 .step1 .item p { font-size: 0.22rem; color: #88979e; }
.info1 .step1 .item p.high-color { font-size: 0.28rem; color: #20adff; }
.info1 .step1 .item:nth-child(1) .img img { width: 0.72rem; height: 0.71rem; }
.info1 .step1 .item:nth-child(2) .img img { width: 0.69rem; height: 0.65rem; }
.info1 .step1 .item:nth-child(3) .img img { width: 0.66rem; height: 0.66rem; }
.info1 .step1 .total { height: 0.88rem; line-height: 0.88rem; text-indent: 0.3rem; font-size: 0.24rem; color: #133f54; background-color: #eef9ff; border-top: 1px solid #fff; }
.info1 .step1 .total span { color: #20adff; }
.info1 .detail { padding: 0 0.65rem 0 0.25rem; margin-bottom: 0.3rem; }
.info1 .detail p { margin-bottom: 0.18rem; font-size: 0.24rem; color: #133f54; }
.info1 .detail p span { display: block; }
.info1 .detail p span:nth-child(2) { margin-left: 1.2rem; }
.info1 .detail p span.color { color: #20adff; text-decoration: underline; }
.info1 .img-box p { font-size: 0.24rem; color: #133f54; }
.info1 .img-box p:nth-child(1), .info1 .img-box p:nth-child(3) { padding-left: 0.25rem; padding-bottom: 0.25rem; }
.info1 .img-box p.img1 { width: 5.83rem; height: 7.94rem; margin: 0 auto 0.4rem; }
.info1 .img-box p.img1 img { width: 100%; height: 100%; }
.info1 .img-box p.img2 { padding-bottom: 0.35rem; width: 6.85rem; height: 6.12rem; margin: 0 auto; }
.info1 .img-box p.img2 img { width: 100%; height: 100%; }
.info2 h4 { padding: 0.35rem 0 0.3rem; }
.info2 .step { padding: 0 0.65rem 0 0.25rem; }
.info2 .step h5 { font-size: 0.24rem; color: #133f54; }
.info2 .step1 .item { margin-bottom: 0.18rem; }
.info2 .step1 .item .icon-bg { margin-bottom: 0.1rem; width: 1.62rem; height: 0.38rem; line-height: 0.38rem; background: url(../images/discovery/info-icon-6.png) no-repeat; background-size: 100% 100%; display: inline-block; text-indent: 0.2rem; font-size: 0.24rem; color: #fff; }
.info2 .step1 .item .icon-bg.icon-bg-1 { width: 2.12rem; background: url(../images/discovery/info-icon-7.png) no-repeat; background-size: 100% 100%; }
.info2 .step1 .item p { font-size: 0.22rem; line-height: 0.34rem; color: #133f54; }
.info2 .step2 { padding-bottom: 0.4rem; }
.info2 .step2 h5 { padding: 0.12rem 0 0.3rem; }
.info2 .step2 .item { width: 6.9rem; height: 3.28rem; margin-left: -0.25rem; margin-bottom: 0.2rem; }
.info2 .step2 .item.item1 { background: url(../images/discovery/person-1.png) no-repeat; background-size: 100% 100%; }
.info2 .step2 .item.item2 { background: url(../images/discovery/person-2.png) no-repeat; background-size: 100% 100%; }
.info2 .step2 .item.item3 { background: url(../images/discovery/person-3.png) no-repeat; background-size: 100% 100%; }
.info2 .step2 .item.item4 { background: url(../images/discovery/person-4.png) no-repeat; background-size: 100% 100%; }
.info2 .step2 .item.item5 { background: url(../images/discovery/person-5.png) no-repeat; background-size: 100% 100%; }
.info2 .step2 .item.item6 { background: url(../images/discovery/person-6.png) no-repeat; background-size: 100% 100%; }
.info2 .step2 .item .name, .info2 .step2 .item .job { padding-left: 3.15rem; }
.info2 .step2 .item .name { padding-top: 1.1rem; font-size: 0.36rem; color: #1f7fdf; }
.info2 .step2 .item .job { font-size: 0.24rem; color: #133f54; }
.info2 .step2 .item .arrow { top: 1.35rem; right: 0.25rem; width: 0.58rem; height: 0.58rem; background: url(../images/discovery/info-icon-8.png) no-repeat; background-size: 100% 100%; display: inline-block; position: absolute; }
.info2 .step2 .item .detail { top: 0; width: 6.9rem; height: 3.28rem; position: absolute; background-color: rgba(0, 22, 41, 0.65); display: none; }
.info2 .step2 .item .detail p { font-size: 0.22rem; color: #fff; line-height: 0.38rem; padding: 0 0.35rem; }
.info2 .step2 .item .detail p:nth-child(1) { padding-top: 0.22rem; }
.info3 { padding-bottom: 0.25rem; }
.info3 h4 { padding: 0.3rem 0; }
.info3 .detail { padding-left: 0.25rem; }
.info3 .detail p { font-size: 0.24rem; color: #133f54; line-height: 0.34rem; margin-bottom: 0.1rem; }
.info3 .detail p span { color: #20adff; text-decoration: underline; }
.footer-bar { position: fixed; bottom: 0; display: table; table-layout: fixed; height: 0.98em; line-height: 0.98rem; border-top: 1px solid #e5e5e5; z-index: 9999; }
.footer-bar a { display: table-cell; width: 1%; background-color: #f8f8f8; border-right: 1px solid #e5e5e5; font-size: 0.26rem; color: #697d91; text-align: center; }
.footer-bar a.cur { background-color: #20adff; color: #fff; }
.info4 .tips { padding-left: 0.2rem; font-size: 0.24rem; line-height: 0.38rem; color: #133f54; }
.info4 .tips:nth-child(2) { padding-top: 0.15rem; }
.info4 .step1 { margin: 0.25rem 0 0.4rem; }
.info4 .step1 .item { float: left; width: 33.3%; height: 2.38rem; text-align: center; border-bottom: 1px solid #fff; }
.info4 .step1 .item .img { width: 0.74rem; height: 0.68rem; margin: 0.45rem auto 0.12rem; }
.info4 .step1 .item p { font-size: 0.22rem; color: #88979e; }
.info4 .step1 .item p.high-color { font-size: 0.28rem; color: #20adff; }
.info4 .step1 .item:nth-child(1) .img img { width: 0.74rem; height: 0.57rem; }
.info4 .step1 .item:nth-child(2) .img img { width: 0.69rem; height: 0.59rem; }
.info4 .step1 .item:nth-child(3) .img img { width: 0.74rem; height: 0.56rem; }
.info4 .step1 .item:nth-child(4) .img img { width: 0.74rem; height: 0.51rem; }
.info4 .step1 .item:nth-child(5) .img img { width: 0.68rem; height: 0.68rem; }
.info4 .step1 .item:nth-child(6) .img img { width: 0.63rem; height: 0.66rem; }
.info4 .step1 .total { height: 0.88rem; line-height: 0.88rem; text-indent: 0.3rem; font-size: 0.24rem; color: #133f54; background-color: #eef9ff; border-bottom: 1px solid #fff; }
.info4 .step1 .total span { color: #20adff; margin-left: 0.2rem; }
.info4 .step1 .total.b0 { border-bottom: none; }
.info5 { padding: 0 0.3rem 0.3rem; }
.info5 h4 span.ml { margin-left: 0.28rem; display: block; line-height: 0.48rem; }
.info5 h4 i.mt { margin-top: 0.08rem; }
.info5 p { font-size: 0.24rem; color: #133f54; padding-left: 0.28rem; padding-top: 0.18rem; }
.m-cal ul { margin-top: 0.16rem; padding-left: 0.3rem; background-color: #fff; }
.m-cal ul li { height: 0.88rem; line-height: 0.88rem; border-bottom: 1px solid #ebebeb; }
.m-cal ul li:last-child { border-bottom: none; }
.m-cal ul li span { font-size: 0.32rem; color: #525f66; }
.m-cal ul li .icon-angle-right { padding-right: 0.3rem; line-height: 0.88rem; font-size: 0.4rem; color: #dcdcdc; }
.m-cal .cal-list li img { width: 0.38rem; height: 0.38rem; margin-right: 0.25rem; vertical-align: middle; }
.m-cal .cal-list li span { vertical-align: middle; }
.m-cal .cal-child-list li span small { font-size: 0.26rem; margin-right: 0.25rem; }
.m-cal .cal-child-list li input { margin-right: 0.15rem; margin-top: 0.22rem; height: 0.44rem; font-size: 0.26rem; outline: none; border: none; text-align: right; float: left; }
.m-cal .btn-box { margin: 0.5rem 0.3rem 0.18rem; }
.m-cal .btn-box .btn { width: 100%; height: 0.98rem; line-height: 0.98rem; border-radius: 0.1rem; font-size: 0.32rem; color: #fff; background-color: #20adff; text-align: center; display: block; }
.m-cal .text { padding: 0 0.3rem; font-size: 0.26rem; color: #949494; }
.m-cal .text .warning { margin-top: 0.08rem; width: 0.26rem; height: 0.26rem; background: url(../images/recharge-icon-2.png) no-repeat; background-size: 100% 100%; display: inline-block; }
.m-cal .text span { margin-left: 0.45rem; padding-right: 0.6rem; display: block; }
.overlay { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background-color: transparent; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-content: center; align-items: center; }
.overlay.active { z-index: 980; background-color: rgba(0, 0, 0, 0.36); }
.overlay .modal { opacity: 0; border-radius: 0.26rem; background-color: #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate3d(0, 0, 0) scale(0.815); transform: translate3d(0, 0, 0) scale(0.815); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; }
.overlay .modal.modal-in { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); }
.overlay .modal.modal-cal { width: 5.4rem; height: 4.46rem; }
.overlay .modal.modal-cal h3 { height: 0.86rem; line-height: 0.86rem; font-size: 0.34rem; font-weight: normal; color: #000; border-bottom: 1px solid #ebebeb; text-align: center; }
.overlay .modal.modal-cal h3 .close { top: 0.3rem; right: 0.3rem; width: 0.23rem; height: 0.23rem; background: url(../images/close-1.png) no-repeat; background-size: 100% 100%; }
.overlay .modal.modal-cal .cal { padding: 0.42rem 0.5rem 0; }
.overlay .modal.modal-cal .cal li { margin-bottom: 0.12rem; }
.overlay .modal.modal-cal .cal li span:nth-child(1) { font-size: 0.3rem; color: #525f66; }
.overlay .modal.modal-cal .cal li span:nth-child(2) { font-size: 0.28rem; color: #ff7300; }
.overlay .modal.modal-cal-earnings { height: 2.1rem; }

.m-borrowinfo .tabs { height: 0.88rem; background-color: #fff; }
.m-borrowinfo .tabs .tab { width: 33.3%; height: 0.88rem; border-bottom: 1px solid #ebebeb; color: #6d6d6d; text-align: center; float: left; }
.m-borrowinfo .tabs .tab.cur { color: #4e4e4e; border-bottom: 1px solid #20adff; }
.m-borrowinfo .tabs .tab span { display: inline-block; font-size: 0.32rem; height: 0.58rem; line-height: 0.58rem; width: 100%; margin-top: 0.15rem; border-right: 1px solid #ebebeb; }
.m-borrowinfo .tabs .tab:last-child span { border-right: none; }
.m-borrowinfo ul { margin-top: 0.16rem; padding-left: 0.3rem; background-color: #fff; }
.m-borrowinfo ul li > p { height: 0.88rem; line-height: 0.88rem; font-size: 0.28rem; border-bottom: 1px solid #ebebeb; color: #525f66; position: relative; }
.m-borrowinfo ul li > p i { right: 0.3rem; top: 0.375rem; width: 0.24rem; height: 0.13rem; display: inline-block; position: absolute; }
.m-borrowinfo ul li > p i.down { background: url(../images/discovery/down.png) no-repeat; background-size: 100% 100%; }
.m-borrowinfo ul li > p i.up { background: url(../images/discovery/up.png) no-repeat; background-size: 100% 100%; }
.m-borrowinfo ul li .detail { border-bottom: 1px solid #ebebeb; padding: 0.15rem 0.3rem 0.15rem 0; display: none; }
.m-borrowinfo ul li .detail p { font-size: 0.24rem; line-height: 0.34rem; color: #88979e; }

.m-service .detail { padding: 0.3rem; }
.m-service .detail h4 { padding: 0.1rem 0; font-size: 0.3rem; font-weight: normal; color: #525f66; }
.m-service .detail p { font-size: 0.26rem; color: #133f54; }

.m-about .wrapper { position: absolute; width: 100%; top: 1.28rem; bottom: 0; }
.m-about .about .banner { width: 100%; height: 3rem; }
.m-about .about .banner img { width: 100%; height: 100%; }
.m-about .about .step { margin-top: 0.16rem; background-color: #fff; }
.m-about .about .step h4 { padding-left: 0.3rem; height: 0.88rem; line-height: 0.88rem; font-size: 0.32rem; font-weight: normal; border-bottom: 1px solid #ebebeb; color: #133f54; }
.m-about .about .step1 .detail { padding: 0.3rem 0.3rem 0.2rem; }
.m-about .about .step1 .detail p { font-size: 0.26rem; line-height: 0.46rem; color: #133f54; }
.m-about .about .step1 .detail p:not(:nth-child(1)) { display: none; }
.m-about .about .step1 .view-more { padding-bottom: 0.3rem; text-align: center; }
.m-about .about .step1 .view-more i { width: 0.22rem; height: 0.2rem; margin-right: 0.1rem; background: url(../images/discovery/about-2.png) no-repeat; background-size: 100% 100%; display: inline-block; }
.m-about .about .step1 .view-more span { font-size: 0.26rem; color: #20adff; }
.m-about .about .step1 .view-more.up i { background: url(../images/discovery/about-7.png); background-size: 100% 100%; }
.m-about .about .step2 .item { padding-top: 0.4rem; }
.m-about .about .step2 .item h5 { padding-left: 0.5rem; line-height: 1; font-size: 0.3rem; font-weight: normal; color: #133f54; }
.m-about .about .step2 .item h5 i { margin-right: 0.2rem; width: 0.08rem; height: 0.28rem; background-color: #20adff; display: inline-block; vertical-align: middle; }
.m-about .about .step2 .item h5 span { vertical-align: middle; }
.m-about .about .step2 .item1 .img { width: 6.57rem; height: 2.87rem; margin: 0.6rem auto 0; }
.m-about .about .step2 .item1 .img img { width: 100%; height: 100%; }
.m-about .about .step2 .item2 > p { padding: 0.15rem 0.5rem 0; font-size: 0.24rem; line-height: 0.38rem; color: #133f54; }
.m-about .about .step2 .item2 ul { padding-left: 0.5rem; }
.m-about .about .step2 .item2 ul li { margin-top: 0.2rem; }
.m-about .about .step2 .item2 ul li i { margin-top: 0.05rem; width: 0.16rem; height: 0.16rem; border: 0.04rem solid #20adff; border-radius: 50%; display: inline-block; float: left; }
.m-about .about .step2 .item2 ul li .detail { margin-left: 0.4rem; }
.m-about .about .step2 .item2 ul li .detail p { font-size: 0.24rem; line-height: 0.3rem; color: #133f54; }
.m-about .about .step2 .item2 ul li .detail p.mb { line-height: 0.38rem; margin-bottom: 0.08rem; }
/*.m-about .about .step2 .item3 ul { padding: 0 0.85rem 0 0.8rem; }
.m-about .about .step2 .item3 ul li { margin-top: 0.2rem; }
.m-about .about .step2 .item3 ul li p { font-size: 0.24rem; line-height: 0.3rem; color: #133f54; }
.m-about .about .step2 .item3 ul li p.mb { color: #20adff; margin-bottom: 0.1rem; }*/
.m-about .about .step2 .item3 ul { padding: 0 0.54rem; }
.m-about .about .step2 .item3 ul li { margin-top: 0.3rem; width: 100%; height: 1.4rem; border-radius: 0.7rem; background-color: #d6eafe; }
.m-about .about .step2 .item3 ul li i { width: 1.19rem; height: 1.19rem; margin: 0.1rem; display: inline-block; float: left; }
.m-about .about .step2 .item3 ul li i img { width: 100%; height: 100%; }
.m-about .about .step2 .item3 ul li p { width: 4.7rem; margin-left: 1.5rem; font-size: 0.24rem; line-height: 0.3rem; color: #133f54; }
.m-about .about .step2 .item3 ul li:nth-child(1) p, .m-about .about .step2 .item3 ul li:nth-child(3) p { padding-top: 0.35rem; }
.m-about .about .step2 .item3 ul li:nth-child(2) p, .m-about .about .step2 .item3 ul li:nth-child(4) p { padding-top: 0.36rem; }
.m-about .about .step2 .item3 .img { width: 6.07rem; height: 3.65rem; padding: 0.9rem 0 0.35rem; margin: 0 auto; }
.m-about .about .step2 .item3 .img img { width: 100%; height: 100%; }
.m-about .about .step3 .detail { padding: 0.35rem 0.5rem 0.35rem 0.3rem; }
.m-about .about .step3 .detail p { font-size: 0.24rem; line-height: 0.3rem; color: #133f54; margin-bottom: 0.1rem; }
.m-about .about .step3 .detail p.tit { font-size: 0.26rem; line-height: 0.46rem; margin-bottom: 0.2rem; }

.m-wechat .step { padding: 0.45rem 0 0 0.84rem; }
.m-wechat .step p { font-size: 0.28rem; color: #446271; }
.m-wechat .step p.small { font-size: 0.24rem; color: #bfc0c1; }
.m-wechat .step p.color { color: #133f54; }
.m-wechat .step p.color span { color: #ff5f3f; }
.m-wechat .step p.img { width: 5.96rem; margin-top: 0.1rem; }
.m-wechat .step p.img img { width: 100%; height: 100%; }
.m-wechat .step.step1 .img { height: 3.55rem; }
.m-wechat .step.step2 .img { height: 1.94rem; }

.m-help .wrapper { position: absolute; width: 100%; top: 1.28rem; bottom: 0; }
.m-help .help .banner { width: 100%; height: 2.78rem; }
.m-help .help .banner img { width: 100%; height: 100%; }
.m-help .help .search-box { height: 0.88rem; background-color: #fff; }
.m-help .help .search-box .icon { width: 0.38rem; height: 0.38rem; margin: 0.25rem 0.35rem 0.25rem 0.3rem; background: url(../images/discovery/help-2.png) no-repeat; background-size: 100% 100%; display: inline-block; float: left; }
.m-help .help .search-box input { margin-top: 0.19rem; width: 80%; height: 0.5rem; line-height: 0.5rem; border: none; border-left: 1px solid #ebebeb; text-indent: 0.3rem; font-size: 0.32rem; color: #133f54; outline: none; }
.m-help .help .hot { margin: 0.16rem 0; background-color: #fff; }
.m-help .help .hot h4 { padding-top: 0.32rem; font-size: 0.32rem; font-weight: normal; color: #00233a; text-align: center; }
.m-help .help .hot h4 span { position: relative; }
.m-help .help .hot h4 span:before, .m-help .help .hot h4 span:after { top: 50%; width: 1rem; border-top: 1px solid #ebebeb; content: ''; position: absolute; }
.m-help .help .hot h4 span:before { left: 115%; }
.m-help .help .hot h4 span:after { right: 115%; }
.m-help .help .hot ul li { margin: 0.3rem 0; width: 25%; float: left; text-align: center; }
.m-help .help .hot ul li i { margin: 0 auto 0.1rem; width: 0.64rem; height: 0.64rem; display: block; }
.m-help .help .hot ul li i img { width: 100%; height: 100%; }
.m-help .help .hot ul li p { font-size: 0.28rem; color: #133f54; }
.m-help .help .hot ul li:nth-child(3) i { margin: 0.1rem auto; width: 0.73rem; height: 0.54rem; }
.m-help .help .question { background-color: #fff; }
.m-help .help .question h4 { padding-left: 0.3rem; height: 0.88rem; line-height: 0.88rem; font-size: 0.32rem; font-weight: normal; color: #00233a; border-bottom: 1px solid #ebebeb; }
.m-help .help .question ul { padding-left: 0.3rem; margin-bottom: 0.16rem; }
.m-help .help .question ul li > p { height: 0.88rem; line-height: 0.88rem; font-size: 0.28rem; color: #133f54; border-bottom: 1px solid #ebebeb; }
.m-help .help .question ul li > p i { margin-top: 0.4rem; margin-right: 0.3rem; width: 0.24rem; height: 0.13rem; background: url(../images/discovery/up.png) no-repeat; background-size: 100% 100%; display: inline-block; float: right; }
.m-help .help .question ul li > p i.down { background: url(../images/discovery/down.png) no-repeat; background-size: 100% 100%; }
.m-help .help .question ul li .detail { padding: 0.1rem 0; border-bottom: 1px solid #ebebeb; }
.m-help .help .question ul li .detail p { padding-right: 0.3rem; font-size: 0.24rem; line-height: 0.34rem; color: #88979e; }
.m-help .help.help-1 { margin-top: 0.16rem; }
.m-help .help.help-1 .question ul li:not(:nth-child(1)) .detail { display: none; }

.animated { -webkit-animation-duration: 1s; -webkit-animation-play-state: paused; -webkit-animation-fill-mode: both; }
.guide-show .bounceInDown { -webkit-animation-name: bounceInDown; -webkit-animation-play-state: running; -webkit-animation-delay: 1s; display: block; }
.guide-show .bounceInLeft { -webkit-animation-name: bounceInLeft; display: block; -webkit-animation-play-state: running; }
.guide-show .bounceInRight { -webkit-animation-name: bounceInRight; display: block; -webkit-animation-play-state: running; -webkit-animation-delay: 0.5s; }
@-webkit-keyframes bounceInDown {
	0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
	0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); }
	60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }
	75% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
	90% { -webkit-transform: translate3d(0, 3px, 0); transform: translate3d(0, 3px, 0); }
	100% { -webkit-transform: none; transform: none; }
}
@-webkit-keyframes bounceInLeft {
	0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
	0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); }
	60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); }
	75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
	90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
	100% { -webkit-transform: none; transform: none; }
}
@-webkit-keyframes bounceInRight {
	0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
	0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
	60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
	75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
	90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
	100% { -webkit-transform: none; transform: none; }
}
.m-guide .mui-fullscreen { top: 0; }
.m-guide .item .skip{ width: 0.88rem; height: 0.46rem; line-height: 0.46rem; background-color: #c8c8c8; border: 1px solid #ababab; border-radius: 0.23rem; font-size: 0.24rem; color: #fff; text-align: center; top: 0.48rem; right: 0.3rem; }
.m-guide .item .tit-1{ width: 4.38rem; height: 0.49rem; top: 1.78rem; left: 0; right: 0; margin: 0 auto; }
.m-guide .item .tit-2{ height: 0.29rem; top: 2.62rem; left: 0; right: 0; margin: 0 auto; }
.m-guide .item .img{ top: 3.7rem; left: 0; right: 0; margin: 0 auto; }
.m-guide .item1 .tit-2{ width: 4.13rem; }
.m-guide .item1 .img{ width: 5.25rem; height: 4.81rem; }
.m-guide .item2 .tit-2{ width: 3.49rem; }
.m-guide .item2 .img{ width: 5.25rem; height: 4.95rem; }
.m-guide .item3{ height: 100%;}
.m-guide .item3 .tit-2{ width: 3.81rem; }
.m-guide .item3 .img{ width: 5.67rem; height: 5.03rem; }
.m-guide .item3 .btn-box{ bottom: 0.84rem; left: 0; right: 0; margin: 0 auto; }
.m-guide .item3 .btn-box .btn{ margin: 0 auto; width: 2.39rem; height: 0.56rem; line-height: 0.56rem; border-radius: 0.08rem; font-size: 0.26rem; text-align: center; display: block; color: #2a86fc; border: 1px solid #77B2FD; }

.m-guide .mui-slider-indicator{ bottom: 0.92rem; }
.m-guide .mui-slider-indicator .mui-indicator{ width: 0.17rem; height: 0.17rem; border-radius: 50%; background-color: rgba(205, 210, 212, 0.5); box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0); }
.m-guide .mui-slider-indicator .mui-indicator.mui-active{ background-color: #2a86fc; }